<template>
	<view class="e-p-30 e-flex bg-white ">
		<view class="e-flex-1">
			<view class="title e-line-1">
				{{ info.remark || text }}
			</view>
			<text>{{$timeFormat(info.createTime,'yyyy-mm-dd hh:MM')}}</text>
		</view>
		<view class="text-right">
			<view class="e-font-36 fw-600" :class="[status&&'c-primary']" :style="[!status && {color:textColor}]" >
				{{infoSymbol ? '+' : '-' }}{{Math.abs(info[numberKey])}}
			</view>
			<text class="c-secondary e-font-26" v-if="showStatus">{{statusText.dictLabel}}</text>
		</view>
	</view>
</template>

<script lang="ts">
	export default {
		// #ifdef MP-WEIXIN
		// 将自定义节点设置成虚拟的，更加接近Vue组件的表现
		options: {
			virtualHost: true
		},
		// #endif
		props:{
			info:Object,
			status:Boolean,
			infoSymbol:Boolean,
			showStatus:{
				type:Boolean,
				default:false
			},
			statusText:Object,
			textColor:{
				type:String,
				default:'#343434'
			},
			numberKey:{
				type:String,
				default:'cost'
			},
			text:String,
			
		}
	}
</script>

<style scoped lang="scss">
.title {
	width: 360rpx;
}
</style>
